﻿<!DOCTYPE html>
<html>
  <head>
    <title>数字输入框 Input Number</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/______input_number/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/______input_number/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u8539" class="ax_default" data-label="背景">
        <div id="u8539_state0" class="panel_state" data-label="State1" style="">
          <div id="u8539_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u8540" class="ax_default" data-label="线条">
        <div id="u8540_state0" class="panel_state" data-label="State1" style="">
          <div id="u8540_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8541" class="ax_default _默认样式">
        <div id="u8541_div" class=""></div>
        <div id="u8541_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8542" class="ax_default _默认样式">
        <div id="u8542_div" class=""></div>
        <div id="u8542_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u8544" class="ax_default _默认样式">
        <img id="u8544_img" class="img " src="images/___icons/u605.png"/>
        <div id="u8544_text" class="text ">
          <p><span>Copyright © </span><a id="u8545" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8546" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="90">

        <!-- Unnamed (Rectangle) -->
        <div id="u8547" class="ax_default _默认样式">
          <div id="u8547_div" class=""></div>
          <div id="u8547_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">使用鼠标或键盘输入一定范围的标准数值。提供了各类动态及静态的元件示例，可根据需要选择使用。</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8548" class="ax_default _默认样式">
          <div id="u8548_div" class=""></div>
          <div id="u8548_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8549" class="ax_default _默认样式">
        <div id="u8549_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8550" class="ax_default _默认样式">
        <div id="u8550_div" class=""></div>
        <div id="u8550_text" class="text ">
          <p><span>静态数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8551" class="ax_default" data-left="170" data-top="302" data-width="240" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u8552" class="ax_default _默认样式">
          <div id="u8552_div" class=""></div>
          <div id="u8552_text" class="text ">
            <p><span>请输入数值</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8553" class="ax_default _默认样式">
          <div id="u8553_div" class=""></div>
          <div id="u8553_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8554" class="ax_default _默认样式">
          <div id="u8554_div" class=""></div>
          <div id="u8554_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8555" class="ax_default _默认样式">
        <div id="u8555_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8556" class="ax_default _默认样式">
        <div id="u8556_div" class=""></div>
        <div id="u8556_text" class="text ">
          <p><span>动态数字输入框</span></p>
        </div>
      </div>

      <!-- 数字输入框 (Group) -->
      <div id="u8557" class="ax_default" data-label="数字输入框" data-left="730" data-top="302" data-width="240" data-height="40">

        <!-- 边框 (Rectangle) -->
        <div id="u8558" class="ax_default _默认样式" data-label="边框">
          <img id="u8558_img" class="img " src="images/输入框_input/边框_u5042.png"/>
        </div>

        <!-- 输入框 (Text Field) -->
        <div id="u8559" class="ax_default _默认样式" data-label="输入框">
          <input id="u8559_input" type="text" value="" maxlength="20"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8560" class="ax_default _默认样式">
          <div id="u8560_div" class=""></div>
          <div id="u8560_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8561" class="ax_default _默认样式">
          <div id="u8561_div" class=""></div>
          <div id="u8561_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 数字输入框 (Group) -->
      <div id="u8562" class="ax_default" data-label="数字输入框" data-left="730" data-top="362" data-width="240" data-height="40">

        <!-- 边框 (Rectangle) -->
        <div id="u8563" class="ax_default _默认样式" data-label="边框">
          <img id="u8563_img" class="img " src="images/输入框_input/边框_u5042.png"/>
        </div>

        <!-- 输入框 (Text Field) -->
        <div id="u8564" class="ax_default _默认样式" data-label="输入框">
          <input id="u8564_input" type="text" value="" maxlength="20"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8565" class="ax_default _默认样式">
          <div id="u8565_div" class=""></div>
          <div id="u8565_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8566" class="ax_default _默认样式">
          <div id="u8566_div" class=""></div>
          <div id="u8566_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8567" class="ax_default" data-left="170" data-top="362" data-width="240" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u8568" class="ax_default _默认样式">
          <div id="u8568_div" class=""></div>
          <div id="u8568_text" class="text ">
            <p><span style="color:#999999;">¥</span><span style="color:#CCCCCC;">&nbsp; 请输入金额</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8569" class="ax_default _默认样式">
          <div id="u8569_div" class=""></div>
          <div id="u8569_text" class="text ">
            <p><span>+</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8570" class="ax_default _默认样式">
          <div id="u8570_div" class=""></div>
          <div id="u8570_text" class="text ">
            <p><span>-</span></p>
          </div>
        </div>
      </div>

      <!-- 数字输入框 (Group) -->
      <div id="u8571" class="ax_default" data-label="数字输入框" data-left="730" data-top="482" data-width="240" data-height="40">

        <!-- 边框 (Rectangle) -->
        <div id="u8572" class="ax_default _默认样式" data-label="边框">
          <img id="u8572_img" class="img " src="images/输入框_input/边框_u5042.png"/>
          <div id="u8572_text" class="text ">
            <p><span>¥</span></p>
          </div>
        </div>

        <!-- 输入框 (Text Field) -->
        <div id="u8573" class="ax_default _默认样式" data-label="输入框">
          <input id="u8573_input" type="text" value="" maxlength="20"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8574" class="ax_default _默认样式">
          <div id="u8574_div" class=""></div>
          <div id="u8574_text" class="text ">
            <p><span>+</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8575" class="ax_default _默认样式">
          <div id="u8575_div" class=""></div>
          <div id="u8575_text" class="text ">
            <p><span>-</span></p>
          </div>
        </div>
      </div>

      <!-- 数字输入框 (Group) -->
      <div id="u8576" class="ax_default" data-label="数字输入框" data-left="729" data-top="422" data-width="240" data-height="40">

        <!-- 边框 (Rectangle) -->
        <div id="u8577" class="ax_default _默认样式" data-label="边框">
          <img id="u8577_img" class="img " src="images/输入框_input/边框_u5042.png"/>
        </div>

        <!-- 输入框 (Text Field) -->
        <div id="u8578" class="ax_default _默认样式" data-label="输入框">
          <input id="u8578_input" type="text" value="" maxlength="20"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8579" class="ax_default _默认样式">
          <div id="u8579_div" class=""></div>
          <div id="u8579_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8580" class="ax_default _默认样式">
          <div id="u8580_div" class=""></div>
          <div id="u8580_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8581" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8582" class="ax_default" data-left="170" data-top="422" data-width="239" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u8583" class="ax_default _默认样式">
          <div id="u8583_div" class=""></div>
          <div id="u8583_text" class="text ">
            <p><span>请输入数值</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8584" class="ax_default _默认样式">
          <div id="u8584_div" class=""></div>
          <div id="u8584_text" class="text ">
            <p><span>-</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8585" class="ax_default _默认样式">
          <div id="u8585_div" class=""></div>
          <div id="u8585_text" class="text ">
            <p><span>+</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8586" class="ax_default" data-left="170" data-top="482" data-width="240" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u8587" class="ax_default _默认样式">
          <div id="u8587_div" class=""></div>
          <div id="u8587_text" class="text ">
            <p><span>禁用状态</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8588" class="ax_default _默认样式">
          <div id="u8588_div" class=""></div>
          <div id="u8588_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8589" class="ax_default _默认样式">
          <div id="u8589_div" class=""></div>
          <div id="u8589_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
